﻿
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>Flip</title>
		<link rel="stylesheet" href="./css/dbd.css">
    </head>
    <body>
		<div class="container">
		  <div class="cube lg ready">
				<div class="font"><img src="img/avatar/nico.jpg" alt=""></div>
				<div class="back"><img src="img/avatar/manman.jpg" alt=""></div>
				<div class="top"><img src="img/avatar/kongbai.jpg" alt=""></div>
				<div class="bottom"><img src="img/avatar/kathy.jpg" alt=""></div>
				<div class="left"><img src="img/avatar/raoxi.jpg" alt=""></div>
				<div class="right"><img src="img/avatar/chengzi.jpg" alt=""></div>
		  </div>
		  <div class="cube sm">
				<div class="back"><img src="img/avatar/yinyu.jpg" alt=""></div>
				<div class="bottom"><img src="img/avatar/luobo.jpg" alt=""></div>
				<div class="right"><img src="img/avatar/shangshu.jpg" alt=""></div>
		   </div>
		</div>
		<script src="js/jquery.js"></script>	
		<script>
			function answer(){
				var q = prompt('我最常用的ID是？');
				if(q != 老猫){
					alert('不对.')
					answer();
				}else{
					$('.container').addClass('show');
					setTimeout(function(){
						$('.lg.ready').addClass('frozen');
					},2000);
				}
			}
		
			$(document).ready(function(){
				
				answer();
			})

			//$('.lg.ready').addClass('frozen');
		</script>
    </body>
</html>
